<%@ taglib uri="http://jawr.net/tags" prefix="jwr" %>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<jwr:style src="/bundles/all.css" />
<jwr:script src="/bundles/all.js"/>

<style>
	.modal {
	    background-clip: padding-box;
	    background-color: #fff;
	    border: 1px solid rgba(0, 0, 0, 0.3);
	    border-radius: 6px;
	    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	    left: 50%;
	    margin-top: 5px;
	    margin-left: -415px;
	    outline: 0 none;
	    position: fixed;
	    width: 800px;
	    heigth: 600px;
	    z-index: 1067;
	}
	
	.modal.fade.in {
	    top: 1%;
	}
	
	.modal-body {
	    min-height: 550px;
	    overflow-y: auto;
	    padding: 15px;
		background-image: url("../resources/images/promocao2.jpg");
 		background-repeat: no-repeat;
 		background-size:100% 100%;
		-webkit-background-size: 100% 100%;
		-o-background-size: 100% 100%;
		-khtml-background-size: 100% 100%;
		-moz-background-size: 100% 100%;		 
  		margin-top:1px; 
  		margin-botton:1px;    
  		margin-left:0px;  
		font-size:20px; 
		font-style:italic; 
		color:#FFFFFF;
		position: relative;
		vertical-align: middle;
	}
	
	.promocao { 
 		margin-top:160px;
  		margin-botton:20px;   
  		margin-left:50px;   
 		font-size:30px;  
 		font-style:italic;  
 		color:#FFFFFF; 
 		position: relative;				 
 	} 
		
</style>

</head>
<body>
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-body" >
<!-- 				<div id="promocao"> -->
<!-- 					<div id="promocao" ng-repeat="unidade in promocoes"> -->
<!-- 						<center>{{unidade.titulo}}</center> -->
				<a class="close" data-dismiss="modal" onclick='window.history.go(0);'>X</a>
				<div class="promocao"> 
 					<center>{{promocao.titulo}}</center>
					<center>Promoção teste</center>
					<p></p>
					Na compra de uma porção de picanha com fritas, ganhe um chopp.
					<p></p>
					Período: 10/01 - 15/01						
 				</div> 
					
			</div>
<!-- 			<div class="modal-footer"> -->
<!-- 				<a class="btn" data-dismiss="modal" onclick='window.history.go(0);'>Close</a> -->
<!-- 			</div> -->
		</div>
	</div>		
</body>
</html>